<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页面</title>
    <link rel="stylesheet" href="../css/home.css" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
    <script src="../utils/jquery-3.6.0.min.js"></script>
    <script src="../utils/echarts.min.js"></script>
  </head>

  <body>
    <div class="container-fluid">
      <div class="header"></div>
      <div class="body">
        <div class="main-box">
          <!-- 左边导航 -->
          <div class="left">
            <!-- logo -->
            <div class="logo">
              <img src="../images/微信图片_20220821145126.png" alt="" />
              <h5>数字化档案管理</h5>
            </div>
  
            <!-- 导航 -->
            <div class="left-nav">
              <ul class="nav nav-pills nav-stacked">
                <li><a href="./home.html
                  " class="active">首界面</a>
                  <ul class="min-nav">
                  </ul>
                </li>
                <li>
                  <a href="javascript:;">案卷管理</a>
  
                  <ul class="min-nav">
                    <li><a href="./management.html">签收管理</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">库房管理</a>
                  <ul class="min-nav">
                    <li><a href="./storeHouse.html">库房信息</a></li>
                    <li><a href="./storeShelf.html">库架信息</a></li>
                    <li><a href="./LayerInformation.html">层格信息</a></li>
                    <li><a href="./BoxInformation.html">盒子信息</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">入库管理</a>
                  <ul class="min-nav">
                    <li><a href="./File warehousing.html">档案入库</a></li>
                    <li><a href="./Inventory records.html">入库记录</a></li>
                    <li><a href="JavaScript:;">盒号打印</a></li>
                    <li><a href="./File number printing.html">档案号打印</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">档案管理</a>
                  <ul class="min-nav">
                    <li><a href="./archiveManagement.html">退/还案管理</a></li>
                    <li><a href="./archiveManagementDetail.html">退/还案明细</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">移库管理</a>
                  <ul class="min-nav">
                    <li><a href="./system-archives.html">档案移库</a></li>
                    <li><a href="./system-detail.html">移库明细</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">档案影像</a>
                  <ul class="min-nav">
                    <li><a href="JavaScript:;">影像查询</a></li>
                    <li><a href="JavaScript:;">影像录入</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">实体借阅</a>
                  <ul class="min-nav">
                    <li><a href="./entityBorrowapplication.html">借阅申请</a></li>
                    <li><a href="JavaScript:;">借阅审批</a></li>
                    <li><a href="JavaScript:;">借阅出库</a></li>
                    <li><a href="JavaScript:;">借阅归还</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">电子借阅</a>
                  <ul class="min-nav">
                    <li><a href="./BorrowingApply.html">借阅申请</a></li>
                    <li><a href="./BorrowingExamination.html">借阅审批</a></li>
                    <li><a href="./BorrowingDetail.html">借阅明细</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">统计报表</a>
                  <ul class="min-nav">
                    <li><a href="JavaScript:;">签收统计</a></li>
                    <li><a href="JavaScript:;">入库统计</a></li>
                    <li><a href="JavaScript:;">电子借阅统计</a></li>
                    <li><a href="JavaScript:;">实体借阅统计</a></li>
                    <li><a href="JavaScript:;">档案库存数统计</a></li>
                    <li><a href="JavaScript:;">档案状态统计</a></li>
                    <li><a href="JavaScript:;">用户登录统计</a></li>
                    <li><a href="JavaScript:;">影像上传统计</a></li>
                    <li><a href="JavaScript:;">影像浏览统计</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">日志管理</a>
                  <ul class="min-nav">
                    <li><a href="./logManagement.html">系统操作日志</a></li>
                    <li><a href="./ImageryBrowsingLogs.html">影像浏览日志</a></li>
                    <li><a href="JavaScript:;">影像上传日志</a></li>
                    <li><a href="JavaScript:;">用户登录日志</a></li>
                  </ul>
                </li>
  
                <li>
                  <a href="JavaScript:;">系统管理</a>
                  <ul class="min-nav">
                    <li><a href="./systemUser.html">用户管理</a></li>
                    <li><a href="./systemRole.html">角色管理</a></li>
                    <li><a href="JavaScript:;">等级管理</a></li>
                    <li><a href="JavaScript:;">机构管理</a></li>
                    <li><a href="JavaScript:;">流程管理</a></li>
                    <li><a href="JavaScript:;">档案轨迹</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="context">
          <div class="context-header">
            <img class="logo2" src="../images/logo2.png" alt="" />
            <img class="logo1" src="../images/logo1.png" alt="" />
            <div>
              <img src="../images/Head portrait.jpg" alt="" />
              <div class="name">
                <span>Admin</span>
              </div>
            </div>
          </div>
          <div class="context-middle">
            <div>
              <span>控制台 </span>
            </div>
          </div>
          <div class="context-body">
            <div>
              <span class="title">云档案管理员，欢迎回来！</span>
            </div>
            <div class="model">
              <p>数据总览</p>
            </div>
            <div id="date">
              <div>
                <img src="../images/message.png" alt="" />
                <span>库房总数</span>
                <div>
                  <p>
                    <span>5&nbsp;</span>
                  </p>
                </div>
              </div>
              <div>
                <img src="../images/message.png" alt="" />
                <span>入库档案总数</span>
                <div>
                  <p>
                    <span>12345&nbsp;</span>
                  </p>
                </div>
              </div>
              <div>
                <img src="../images/message.png" alt="" />
                <span>入库档案总数</span>
                <div>
                  <p>
                    <span>367&nbsp;</span>
                  </p>
                </div>
              </div>
              <div>
                <img src="../images/message.png" alt="" />
                <span>实体借阅数</span>
                <div>
                  <p>
                    <span>12345&nbsp;</span>
                  </p>
                </div>
              </div>
              <div>
                <img src="../images/message.png" alt="" />
                <span>待入库数</span>
                <div>
                  <p>
                    <span>12345&nbsp;</span>
                  </p>
                </div>
              </div>
            </div>
            <div id="data-analysis">
              <div>
                <p>电子档案借阅状态统计</p>
              </div>
              <div>
                <p>实体借阅审批统计</p>
              </div>
            </div>
            <div id="main"></div>
            <div id="main2"></div>
            <div class="statistical">
              <p>实体档案入库数统计</p>
            </div>
            <div class="line">
              <label>
                <span>选择日期</span>
                <input
                  type="datetime-local"
                  class="measureDate"
                  placeholder="2022-07-01 ~ 2022-07-07"
                /> </label
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <button>查询</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button>
                重置
              </button>
            </div>
            <div id="main3" style="height: 560px"></div>
          </div>
        </div>
      </div>
    </div>
    <script src="../js/home.js"></script>
  </body>
</html>
